<%--
  Created by IntelliJ IDEA.
  User: 86153
  Date: 2021/9/30 030
  Time: 14:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>填写信息</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <!--导入css文件-->
    <link rel="shortcut icon" href="../image/title-img1.png">
    <link href="${pageContext.request.contextPath}/css/save.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/save1.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/save2.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/waitPay.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/footer.css" rel="stylesheet">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css"  media="all">

    <style>

        /* 头部导航的 */
        .global-header .login-page-header-nav li {
            float: left;
            margin-left: 30px;
        }

        .global-header .login-page-header-nav li i {
            margin-right: 10px;
            font-size: 28px;
            line-height: 1;
            color: #f6a206;
            vertical-align: middle;
        }

        .global-header .login-page-header-nav li span {
            font-size: 14px;
            line-height: 28px;
            color: #666;
            vertical-align: middle;
        }
    </style>
</head>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/index-1.css">
<link href="${pageContext.request.contextPath}/css/headermenu.css" rel="stylesheet">

<body>

<header id="J-global-header" class="global-header">
    <div class="top-inner">
        <div id="sitenav" class="global-header-top-nav fn-clear">
            <div class="global-header-top-nav-right">
                <li class="top-nav-menu top-nav-menu-user-info" data-role="user-info" data-test="test">
                    <div class="top-nav-menu-handle">
                        <div class="login">
                            <%--                            <a href="${pageContext.request.contextPath}/login.jsp" class="J-login-btn" rel="nofollow" target="_self">登录/注册</a></div>--%>
                            <c:if test="${empty ServiceResponse}">
                                <a href="${pageContext.request.contextPath}/customer/login.jsp">登录/注册</a>
                            </c:if>

                            <c:if test="${!empty ServiceResponse}">
                                欢迎${ServiceResponse.data.custTelno}
                                <a href="${pageContext.request.contextPath}/logout">退出</a>
                            </c:if>
                        </div>
                    </div>
                </li>

                <li class="top-nav-menu top-nav-multi-menu top-nav-dl-app">
                    <div class="top-nav-menu-handle">
                        <i class="global-header-icon top-nav-dl-app-icon"></i>手机版
                    </div>
                    <div class="top-nav-menu-body top-nav-menu-qrcode">
                        <div class="top-nav-menu-bd-panel">
                            <div class="qrcode-img"></div>
                            <p>下载APP 领99元租车红包

                            </p>
                        </div>
                    </div>
                </li>

                <li class="top-nav-pipe">|</li>

                <li class="top-nav-menu top-nav-multi-menu top-nav-wx-guide">
                    <div class="top-nav-menu-handle"><i class="global-header-icon top-nav-wx-guide-icon"></i>微信</div>
                    <div class="top-nav-menu-body top-nav-menu-qrcode">
                        <div class="top-nav-menu-bd-panel">
                            <div class="qrcode-img"></div>
                            <p>扫一扫，关注微信</p>
                        </div>
                    </div>
                </li>
                <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                    <div class="top-nav-menu-handle">订单查询<i class="top-nav-arrow"><em></em><span></span></i></div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <a href="${pageContext.request.contextPath}/center/myorder.jsp">订单查询</a>
                        </div>
                    </div>
                </li>
                <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                    <div class="top-nav-menu-handle">个人中心<i class="top-nav-arrow"><em></em><span></span></i></div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <a href="${pageContext.request.contextPath}/center/user.jsp">进入个人中心</a>
                        </div>
                    </div>
                </li>
                <li class="top-nav-pipe">|</li>

            </div>

            <div class="global-header-top-nav-left">
                <div class="top-nav-menu top-nav-multi-menu top-nav-contact">
                    <div class="top-nav-menu-handle">
                        24小时客服！内地热线：110-120
                        <i class="top-nav-arrow"><em></em><span></span></i>
                    </div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <ul>
                                <li>
                                    <span class="title">中国内地热线</span>
                                    <a href="tel:10101020" target="_self" class="tel-number">110-120</a>
                                </li>
                            </ul>
                            <div class="top-nav-menu-bd-code">
                                <div class="qrcode-img"></div>
                                <p class="title">关注微信公众号</p>
                                <p class="text">可查询/修改/取消订单</p>
                                <a class="J-show-robot" href="javascript:" target="_self"
                                   data-tj="/公用头部/在线客服">24小时在线客服</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="topbar fn-clear">
        <div id="slog" class="logo fn-left">
            <a class="sbx-logo" title="思必行-租车" target="_self" href="">
            </a>
        </div>
        <div class="global-site-header-nav">
            <div class="header-steps-wrapper">
                <div class="header-steps J-header-steps">

                    <div class="header-step-item header-step-item-search,luxurySearch is-active ">
                        <div class="header-step-item-header">
                            <i class="header-step-item-dot"></i>
                            <div class="header-step-item-line">
                            </div>
                        </div>
                        <div class="header-step-item-content">
                            <div class="header-step-item-title">选择车型</div>
                            <div class="header-step-item-desc"></div>
                        </div>
                    </div>
                    <div class="header-step-item header-step-item-views is-active is-current">
                        <div class="header-step-item-header">
                            <i class="header-step-item-dot"></i>
                            <div class="header-step-item-line"></div>
                        </div>
                        <div class="header-step-item-content">
                            <div class="header-step-item-title">填写信息</div>
                            <div class="header-step-item-desc"></div>
                        </div>
                    </div>
                    <div class="header-step-item header-step-item-pay">
                        <div class="header-step-item-header">
                            <i class="header-step-item-dot"></i>
                            <div class="header-step-item-line"></div>
                        </div>
                        <div class="header-step-item-content">
                            <div class="header-step-item-title">在线支付</div>
                            <div class="header-step-item-desc"></div>
                        </div>
                    </div>
                    <div class="header-step-item header-step-item-success  ">
                        <div class="header-step-item-header">
                            <i class="header-step-item-dot"></i>
                            <div class="header-step-item-line"></div>
                        </div>
                        <div class="header-step-item-content">
                            <div class="header-step-item-title">预订成功</div>
                            <div class="header-step-item-desc"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</header>
<div id="react-app">
    <div id="app">
        <div class="box">
                <div class="Content">
                    <div class="Tips-boxs"></div>
                    <div class="CarInfo">
                        <div class="CarInfo-box">
                            <div class="info-header-box">
                                <div class="info-header">
                                    <div class="car-img">
                                        <img src="${carDetail.data.carImgPath}">
                                    </div>
                                    <div class="car-detail">
                                        <p>${carDetail.data.carModel}</p>
                                        <div class="car-detail-box">
                                            <div class="car-params"> ${carDetail.data.carMatic}| ${carDetail.data.carSeatnum}
                                                | ${carDetail.data.carOilbox}</div>
                                        </div>
                                    </div>
                                    <div class="car-price">
                                        <span class="symbol">￥</span>
                                        <span class="money">${carDetail.data.carCategoryStartprice}</span>
                                        <span class="forday">${dayNum}天</span>
                                    </div>
                                </div>
                                <p class="car-img-text">*图片仅供参考，以门店提供为准</p>
                            </div>
                            <div class="car-shop-box">
                                <div class="car-shop-info">
                                    <div class="car-shop-title-box">
                                        <div class="car-shop-logo">
                                            <img src="../image/t1.png" alt="">
                                        </div>
                                        <div class="car-shop-sorce">8.4</div>
                                        <div class="car-shop-sorce-text">好</div>
                                        <div class="comment-text">2076条评论 <i class="icon"></i>
                                        </div>
                                    </div>
                                    <div class="tag-box">
                                        <div class="Tag blue">砍5%</div>
                                        <div class="Tag blue">消毒后交车</div>
                                        <div class="Tag blue">交行储蓄卡享66折</div>
                                    </div>
                                </div>
                                <div class="car-shop-address">
                                    <div class="pickup-box">
                                        <div class="icon">取车</div>
                                        <div class="pickup-content">
                                            <div class="pickup-content-box">
                                                <div class="title">门店位置</div>
                                                <div class="content">${borrowStore.data.storeAddress}</div>
                                            </div>
                                            <div class="pickup-content-box">
                                                <div class="title">营业时间</div>
                                                ${borrowStore.data.storeDescribe}
                                            </div>
                                        </div>
                                    </div>
                                    <div data-tj="国内PC/详情/取还车指引/点击" class="guide-btn">取还车指引</div>
                                </div>
                                <div class="return-box">
                                    <div class="icon">还车</div>
                                    <div class="return-content">
                                        <div class="return-content-box">
                                            <div class="title">门店位置</div>
                                            <div class="content">${returnStore.data.storeAddress}</div>
                                        </div>
                                        <div class="return-content-box">
                                            <div class="title">营业时间</div>
                                            <div class="content">${returnStore.data.storeDescribe}</div>
                                        </div>
                                    </div>
                                    <div class="hr">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Sidebar">
                    <div class="Trip">
                        <div class="Trip-box">
                            <div class="trip-list-box">
                                <div class="trip-title">取车</div>
                                <div class="trip-time">${borrowCarDate}</div>
                                <div class="trip-address">${borrowStore.data.storeName}</div>
                            </div>
                            <div class="trip-list-box">
                                <div class="trip-title">还车</div>
                                <div class="trip-time">${retCarDate}</div>
                                <div class="trip-address">${returnStore.data.storeName}</div>
                            </div>
                            <div class="term">租期<span>共${dayNum}天</span></div>
                        </div>
                    </div>
                    <div class="ExpenseDetails false">
                        <div class="ant-spin-nested-loading">
                            <div class="ant-spin-container">
                                <div class="ExpenseDetails-box">
                                    <div class="expenseDetails-title">费用明细</div>
                                    <div class="expenseDetails-box">
                                        <div class="expenseDetails-list">
                                            <span>租车费</span><span>¥${carDetail.data.carCategoryStartprice}*${dayNum}天</span>
                                        </div>
                                        <div class="expenseDetails-list"><span>车行手续费<svg class="icon"><use
                                                xlink:href="#important_icon2"></use></svg></span><span>￥30*${dayNum}</span>
                                        </div>
                                    </div>
                                    <div class="total-box">
                                        <div class="total-title"><span>总金额</span><span
                                                class="money">￥<b
                                                class="all_money">${carDetail.data.carCategoryStartprice*dayNum + 30*dayNum}</b></span>
                                        </div>
                                        <%--                                    <a href="pay.jsp" data-tj="国内PC/详情/右侧支付/点击" class="submit-btn">提交订单</a>--%>
                                        <div class="submit-btn1">
                                            <form method="post" action="${pageContext.request.contextPath}/creatOrder">
                                                <input type="hidden" name="custId" value="${custId}">
                                                <input type="hidden" name="carId" value="${carId}">
                                                <input type="hidden" name="borrowCarDate" value="${borrowCarDate}">
                                                <input type="hidden" name="retCarDate" value="${retCarDate}">
                                                <input type="hidden" name="rentStoreId" value="${rentStoreId}">
                                                <input type="hidden" name="giveStoreId" value="${giveStoreId}">
                                                <input type="hidden" name="carRentName" class="carRentName">
                                                <input type="hidden" name="couponId"class="couponId" >
                                                <input type="hidden" name="carRentIdCard" class="carRentIdCard" >
                                                <input type="hidden" name="carTelno" class="carTelno" >
                                                <input type="hidden" name="orderPrice"  class="order_price">
                                                <input type="hidden" name="rentCarDays" value="${dayNum}">
                                                <input type="submit" value="提交订单" class="submit-btn">
                                            </form>

                                        </div>
                                        <p>提交订单即表示您已阅读并接受 <a data-tj="国内PC/详情/右侧更多租车条款/点击">预订条款&amp;租车须知</a></p></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Driver">
                    <div class="Driver-box">
                        <div class="driver-title">填写驾驶员信息</div>
                        <div class="content">
                            <div class="driver-form">
                                <div class="input-box" data-error="false">
                                    <div class="input-title">驾驶人姓名</div>
                                    <input type="text" placeholder="请填写中文，如张三" class="input" name="carRentName" id="id1"
                                           value="">
                                    <p class="error-text">请填写您的中文姓名，以便我们与您联系</p></div>
                                <div class="input-box" data-error="false">
                                    <div class="input-title">证件号码</div>
                                    <div class="selectinput-box">
                                        <div class="Select false"
                                             style="margin: 4px 0 0; border-right: 0; width: 100px;">
                                            <div class="options">身份证</div>
                                        </div>
                                        <input type="text" placeholder="请填写证件号码" class="input cardNum"
                                               name="carRentIdCard"
                                               id="id2" value=""></div>
                                    <p class="error-text">请填写正确的证件号码</p></div>
                                <div class="input-box" data-error="false">
                                    <div class="input-title">手机号码</div>
                                    <input type="text" placeholder="用于接收预订确认短信" class="input" name="carTelno" id="id3"
                                           value="">
                                    <p class="error-text">请填写手机号码</p></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="Deposit">
                    <div class="Deposit-box">
                        <div class="deposit-title">车辆押金</div>
                        <div class="deposit-list-box">
                            <div class="deposit-list-title zhima">
                                <svg class="zhima-icon">
                                    <use xlink:href="#zhima_icon"></use>
                                </svg>
                                芝麻信用免押金
                                <div class="recommend">
                                    <svg class="icon">
                                        <use xlink:href="#good_icon"></use>
                                    </svg>
                                    推荐
                                </div>
                            </div>
                            <div class="deposit-list-container">
                                <div class="deposit-list-content"><p>芝麻信用满550分*就有机会享受免租车&amp;违章押金，到店无需刷卡预授权</p>
                                    <p>*车辆押金越高，芝麻分要求也会越高，具体以支付宝授权申请结果为准</p><a>更多说明</a></div>
                                <div class="zhima-btn">申请授权</div>
                            </div>
                            <div class="deposit-desc"><span><svg class="icon"><use
                                    xlink:href="#important_icon"></use></svg></span>
                                <div><p>为了保障您的权益，车行要求必须使用主驾驶人名下的芝麻信用进行授权，使用他人支付宝授权会导致无法取车。</p></div>
                                <div class="deposit-triangle"></div>
                            </div>
                        </div>
                        <div class="deposit-list-box">
                            <div class="deposit-list-title">到店付押金</div>
                            <div class="deposit-list-type">
                                <div class="deposit-list-type-title">支付方式</div>
                                <div class="deposit-list-type-content">刷预授权：驾驶员本人银联信用卡(有效期大于1个月)</div>
                            </div>
                            <div class="deposit-list-type">
                                <div class="deposit-list-type-title">押金说明：租车押金+违章押金</div>
                                <div class="deposit-list-type-content">租车押金：取车时冻结3000元租车押金，若无车损，还车后解冻</div>
                                <div class="deposit-list-type-content">违章押金：还车时冻结2000元违章押金，若无违章，还车后30天左右解冻</div>
                            </div>
                            <div class="btn">选择</div>
                        </div>
                    </div>
                </div>
                <div class="Discount">
                    <div class="Discount-box">
                        <div class="discount-title">优惠信息</div>
<%--                            <div class="layui-inline" style="width: 235px;">--%>
<%--                                <input name="" placeholder="使用我的优惠券" class="layui-input" id="demo2">--%>
<%--                            </div>--%>
<%--                            <div class="layui-inline layui-word-aux layui-font-gray">--%>
<%--                                <a href="javascript:;" class="layui-font-blue" id="demo3">不可用优惠券<i class="layui-icon layui-font-12 layui-icon-down"></i></a>--%>
<%--                            </div>--%>
                        <div class="activity-list " id="selpromotion">
                            <ul>
                                <li id="promotioncodeli">
                                    使用优惠券<i>注：使用您获得的优惠券</i>
                                </li>
                                <c:forEach items="${mycoupons.data}" var="item">
                                    <li>
                                        <input name="promotion" type="radio" class="ck-discount-code ba-analysis" data-ba-action="使用优惠券" onclick="useCoupons(${item.coupons.couponsId})">
                                            ${item.coupons.couponsName}<br>
                                    </li>
                                </c:forEach>

                                <li>
                                    <input name="promotion" type="radio" id="999" class="ba-analysis" data-ba-action="不参加以上任何活动" onclick="notUseCoupons">不参加以上任何活动
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="Rule">
                    <div class="Rule-box">
                        <div class="rule-list orange">
                            <svg class="icon">
                                <use xlink:href="#important_icon"></use>
                            </svg>
                            <span>非立即确认</span></div>
                        <div class="rule-list orange">
                            <svg class="icon">
                                <use xlink:href="#important_icon"></use>
                            </svg>
                            <span>有条件取消</span></div>
                    </div>
                </div>
                <div class="Submit">
                    <div class="ant-spin-nested-loading">
                        <div class="ant-spin-container">
                            <div class="Submit-box">
                                <div class="agree">
                                    <svg class="icon">
                                        <use xlink:href="#icon_confirm_fill"></use>
                                    </svg>
                                    已阅读并同意<a data-tj="国内PC/详情/更多租车条款/点击">《预订条款&amp;租车须知》</a></div>
                                <div class="total-box"><p class="text">现在预订<br>只需支付</p>
                                    <p class="money"><span>￥</span>${carDetail.data.carCategoryStartprice*dayNum}</p>
<%--                                    <div class="submit-btn1">--%>
<%--                                        &lt;%&ndash;                                    <form method="post" action="${pageContext.request.contextPath}/creatOrder">&ndash;%&gt;--%>
<%--                                        &lt;%&ndash;                                            <input type="text" name="custId" value="${custId}" style="display: none">&ndash;%&gt;--%>
<%--                                        <input type="hidden" name="carId" value="${carId}">--%>
<%--                                        <input type="hidden" name="rentStoreId" value="${rentStoreId}">--%>
<%--                                        &lt;%&ndash;                                            <input type="text" name="couponId" value="${customerCoupon.data[0].coupon.couponId}" style="display: none">&ndash;%&gt;--%>
<%--                                        <input type="hidden" name="giveStoreId" value="${giveStoreId}">--%>
<%--                                        <input type="hidden" name="borrowCarDate" value="${borrowCarDate}">--%>
<%--                                        <input type="hidden" name="retCarDate" value="${retCarDate}">--%>
<%--                                        <input type="hidden" name="carRentName" class="carRentName">--%>
<%--                                        <input type="hidden" name="carRentIdCard" class="carRentIdCard">--%>
<%--                                        <input type="hidden" name="carTelno" class="carTelno">--%>
<%--                                        <input type="hidden" name="rentCarDays" value="${dayNum}">--%>
<%--                                        <input type="hidden" name="orderPrice" class="order_price">--%>
<%--                                        <input type="submit" value="请确认订单" class="submit-btn1" onclick="creatOrder()">--%>
<%--                                        &lt;%&ndash;                                    </form>&ndash;%&gt;--%>
<%--                                    </div>--%>
                                    <%--                                <a data-tj="国内PC/详情/底部支付/点击"--%>
                                    <%--                                   href="pay.jsp" class="submit-btn">请确认订单</a>--%>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="order-section notice"><h2 class="order-section-title">租车须知</h2>
                    <div class="notice-main">
                        <div class="notice-item">
                            <div class="notice-item-title">取车必备材料，请持驾驶员本人有效证件原件取车：</div>
                            <div class="notice-item-body">
                                <ol>
                                    <li><p><strong>二代身份证</strong><em>有效期要求：1个月以上</em></p></li>
                                    <li><p><strong>驾照（正页+副页）</strong><em>有效期要求：2个月以上<br>驾龄要求：大于6个月</em></p></li>
                                </ol>
                            </div>
                        </div>
                        <div class="notice-item">
                            <div class="notice-item-title">取消规则</div>
                            <div class="notice-item-body"><p class="notice-item-desc">
                                <p>订单支付并确认成功后，距离取车时间3天(含)以外取消订单，可免费取消；<br>距离取车时间3天以内取消订单，扣除订单总费用的30%；<br>超过取车时间取消订单，扣除订单总费用的100%；<br>温馨提示：这里所说的订单总费用不包含租租车保险费；扣费金额不享受优惠券补贴，将以用券前的费用为准
                                </p></p>
                                <p class="notice-item-desc"><span role="img" aria-label="exclamation-circle"
                                                                  class="anticon anticon-exclamation-circle antd-svg-icon tips-icon"><svg
                                        viewBox="64 64 896 896" focusable="false" data-icon="exclamation-circle"
                                        width="1em"
                                        height="1em" fill="currentColor" aria-hidden="true"></svg></span>下单成功后，取消订单需扣费
                                </p>
                            </div>
                        </div>
                        <div class="notice-item">
                            <div class="notice-item-title">里程限制</div>
                            <div class="notice-item-body">
                                <p class="notice-item-desc">
                                    不限里程：无里程限制</p></p>
                                <p class="notice-item-desc"><span role="img" aria-label="exclamation-circle"
                                                                  class="anticon anticon-exclamation-circle antd-svg-icon tips-icon"><svg
                                        viewBox="64 64 896 896" focusable="false" data-icon="exclamation-circle"
                                        width="1em"
                                        height="1em" fill="currentColor" aria-hidden="true"></svg></span>普通车型无里程限制
                                    豪车跑车除外 豪车跑车日限制200公里/天，超过部分加收5元/公里（具体以门店条款为准）
                                </p>
                            </div>
                        </div>
                        <div class="notice-item">
                            <div class="notice-item-title">燃油政策</div>
                            <div class="notice-item-body"><p class="notice-item-desc">
                                <p>等量取还：取车时多少油，还车时至少需同样油位还车</p></p></div>
                        </div>
                        <div class="notice-item">
                            <div class="notice-item-title">发票说明</div>
                            <div class="notice-item-body"><p class="notice-item-desc">
                                <p>还车时主动向门店工作人员索取发票，具体发票形式以门店开具为准，如产生邮寄运费需自行承担，若需协助可与租租车客服联系。</p></p></div>
                        </div>
                        <div class="notice-item">
                            <div class="notice-item-title">限制出行区域</div>
                            <div class="notice-item-body"><p class="notice-item-desc">
                                本车辆不允许进入西藏，新疆，云南省泸沽湖，以及四川省内甘孜，阿坝，凉山，四姑娘山等地区。如有需要，请下单后立即与门店联系沟通。
                                部分车辆禁止驶出省外，如有出省需求，请提前联系车行报备核实是否可行，或者选择其他车行再下单，以免对您的行程造成不便。
                                <br>由于政策、疫情等各项原因，出行限制区域可能会适当变动，具体细节需以线下门店合同为准，一切解释权由凹凸租车所有。
                                （如您在未报备车行的情况下，把租赁的车辆驾驶至禁行区域，车行有权按照合同约定收取相应的违约金或强制性收车，强制收车产生的拖车费/人工费/住宿费/交通费等收车成本将由您本人承担）
                            </p>
                            </div>
                        </div>
                    </div>
                    <div class="notice-footer">
                        <button class="button button-default"><span class="button-text">更多门店政策</span>
                            <svg class="button-icon icon-arrow-down">
                                <use xlink:href="#arrow"></use>
                            </svg>
                        </button>
                    </div>
                </div>
<%--            </form>--%>
        </div>
    </div>
</div>

<footer class="global-footer fn-clear">

    <div class="zuche-bottom-info">
        <div class="box">
            <h3>关于</h3>
            <ul>
                <li><a rel="nofollow" href="" target="_blank">关于我们</a></li>
                <li><a rel="nofollow" href="" target="_blank">联系我们</a></li>
                <li><a rel="nofollow" href="" target="_blank">加入我们</a></li>
                <li><a rel="nofollow" href="" target="_blank">媒体报道</a></li>


            </ul>
        </div>
        <div class="box">
            <h3>条款</h3>
            <ul>
                <li><a rel="nofollow" href="" target="_blank">隐私条款</a></li>
                <li><a rel="nofollow" target="_blank" href="">用户协议</a></li>
                <li><a rel="nofollow" target="_blank" href="">信息处置制度</a></li>
                <li><a rel="nofollow" target="_blank" href="">租车规则</a></li>

            </ul>
        </div>
        <div class="box">
            <h3>帮助</h3>
            <ul>
                <li><a rel="nofollow" href="" target="_blank">客服中心</a></li>
                <li><a rel="nofollow" href="" target="_blank">互助问答</a></li>
                <li><a rel="nofollow" href="" target="_blank">常见问题</a></li>
                <li><a rel="nofollow" href="" target="_blank">出游安全提示</a></li>
            </ul>
        </div>

        <div class="box box_r">
            <div class="global-footer-icon wei-img fn-right">
                <!-- <em>微<br>信<br>公<br>众<br>号</em> -->
            </div>

            <div class="fn-right zzc_phone">
                <h4 class="service-title">客服热线</h4>
                <p class="title"><span class="sub">中国内地拨打：</span>1010-1020</p>
                <p class="text"><span class="sub">其他地区拨打： </span>+86-10-6064-1387</p>
                <a class="J-show-robot" href="javascript:;" target="_self" data-tj="/公用尾部/在线客服" style="width: auto">在线客服</a>
            </div>

        </div>

        <div class="fn-clear"></div>
    </div>
    <div class="credential">
        <h3 class="credential-title">资质证书</h3>
        <ul class="credential-list">
            <li><a href="" target="_blank" rel="nofollow"><i class="icon certificate"></i></a></li>
            <li><a href="" target="_blank" rel="nofollow"><i class="icon zfb_qc"></i></a></li>
            <li><a href="" target="_blank" rel="nofollow"><i class="icon baidu_rz"></i></a></li>
            <li><a href="" target="_blank" rel="nofollow"><i class="icon shi_ming"></i></a></li>
            <li><a href="" target="_blank" rel="nofollow"><i class="icon chengxin"></i></a></li>
            <li><a href="" target="_blank" rel="nofollow"><i class="icon kexin"></i></a></li>
            <li><a id="_pingansec_bottomimagesmall_shiming" href="" target="_blank" rel="nofollow"><i class="icon trustutn"></i></a></li>
        </ul>
    </div>
    <div class="copyright-box">
        <p>© 2011-2021 sbx.com&nbsp;&nbsp;思必行有限公司&nbsp;&nbsp;版权所有&nbsp;
            <a target="_blank" href="">营业执照</a>&nbsp;&nbsp;
            <a rel="nofollow" target="_blank" href="">苏ICP备114471007328号</a>&nbsp;&nbsp;
            <a rel="nofollow" target="_blank" href="" style="position: relative;padding-left: 24px;">
                <img src="" style="position: absolute;left: 0;top: -2px;">苏公网安备 44010602045644号
            </a>
        </p>
    </div>
</footer>
<script>
    document.querySelector(".order_price").value = document.querySelector(".all_money").innerText;
    <%--<input type="text" name="carRentName" value="${order.carRentname}">--%>
    <%--    <input type="text" name="couponId" value="${customerCoupon.data[0].coupon.couponId}" >--%>
    <%--        <input type="text" name="carRentIdCard" value="${order.carRentidcard}">--%>
    <%--            <input type="text" name="carTelno" value="${order.carTellno}"n--%>
    // <input type="button" value="提交订单" class="submit-btn">


    $(".submit-btn1 .submit-btn").click(function () {

        $(".carRentName").val($("#id1").val())
        $(".carRentIdCard").val($("#id2").val())
        $(".carTelno").val($("#id3").val())
        console.log($(".carRentName").val())
        console.log($(".carRentIdCard").val())
        console.log($(".carTelno").val())

    })

</script>
<%--<script src="${pageContext.request.contextPath}/layui/layui.js" charset="utf-8"></script>--%>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->

<%--<script>--%>
<%--    layui.use(['dropdown', 'util', 'layer', 'table'], function() {--%>
<%--        var dropdown = layui.dropdown--%>
<%--            , util = layui.util--%>
<%--            , layer = layui.layer--%>
<%--            , table = layui.table--%>
<%--            , $ = layui.jquery;--%>


<%--        //初演示 - 绑定输入框--%>
<%--        dropdown.render({--%>
<%--            elem: '#demo2'--%>
<%--            , data: [{--%>
<%--                title: '200元优惠券-1088礼包'--%>
<%--                , id: 101--%>
<%--            }, {--%>
<%--                title: '新用户首日立减100元'--%>
<%--                , id: 102--%>
<%--            },{--%>
<%--                title: '不使用优惠券'--%>
<%--                , id: 102--%>
<%--            }]--%>
<%--            , click: function (obj) {--%>
<%--                this.elem.val(obj.title);--%>
<%--            }--%>
<%--            , style: 'width: 235px;'--%>
<%--        });--%>

<%--        //初演示 - 绑定文字--%>
<%--        dropdown.render({--%>
<%--            elem: '#demo3'--%>
<%--            , data: [{--%>
<%--                title: '满800减88元优惠券-1088礼包'--%>
<%--                , id: 100--%>
<%--            }, {--%>
<%--                title: '会员红包满499减199'--%>
<%--                , id: 101--%>
<%--            }, {--%>
<%--                title: '满1000减299元'--%>
<%--                , id: 102--%>
<%--            }, {--%>
<%--                type: '-' //分割线--%>
<%--            }]--%>
<%--            , click: function (obj) {--%>
<%--                this.elem.val(obj.title);--%>
<%--            }--%>
<%--        });--%>
<%--    });--%>
<%--</script>--%>
<script>
    function useCoupons(couponsId){
        if(couponsId == 7001){
            var dayNum = "${dayNum}";
            if(dayNum >= 2){
                var amount = parseFloat((${carDetail.data.carCategoryStartprice * dayNum + dayNum * 30 - 200}));
                console.log(amount.toFixed(1));
                document.querySelector(".all_money").innerText = amount.toFixed(1);
                document.querySelector(".order_price").value = document.querySelector(".all_money").innerText;
            }
        }else if(couponsId == 7002){
            var dayNum = "${dayNum}";
            if(dayNum >= 3){
                var amount = parseFloat((${carDetail.data.carCategoryStartprice * dayNum + dayNum * 30 - 100}));
                console.log(amount.toFixed(1));
                document.querySelector(".all_money").innerText = amount.toFixed(1);
                document.querySelector(".order_price").value = document.querySelector(".all_money").innerText;
            }
        }else if(couponsId == 7003){
            var amount = parseFloat((${carDetail.data.carCategoryStartprice * dayNum + dayNum * 30 - 88}));
            if(amount < 0){
                amount = 0;
            }
            console.log(amount.toFixed(1));
            document.querySelector(".all_money").innerText = amount.toFixed(1);
            document.querySelector(".order_price").value = document.querySelector(".all_money").innerText;
        }
    }

    function notUseCoupons(){
        var amount = parseFloat((${carDetail.data.carCategoryStartprice * dayNum + dayNum * 30 }));
        console.log(amount.toFixed(1));
        document.querySelector(".all_money").innerText = amount.toFixed(1);
        document.querySelector(".order_price").value = document.querySelector(".all_money").innerText;
    }
</script>
</body>
</html>

